﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style type="text/css">
    
    .ui-pg-input {
        width: 50px;
        text-align: right;
    }
    
</style>

<h2>บันทึกพื้นที่โครงการ</h2> 
<form class="form-horizontal" action="" method="">
<fieldset>
    <legend style="text-align:right">รหัสโครงการ 
            <input type="text" class="input-xlarge" id="projectid" disabled="disabled">
    </legend>

    <div class="control-group">
        <label class="control-label" for="input01">
            ชื่อพื้นที่</label>
        <div class="controls">
            <input type="text" class="input-xlarge" id="input_areaid">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="select01">
            ประเภทพื้นที่</label>
        <div class="controls">
            <select id="areatype">
                <option>บริเวณบ้าน (Patio)</option>
                <option>ทางเดินสวน (Garden path)</option>
                <option>ทางเท้า (Footpath)</option>
                <option>ทางเดินรถ (Driveways)</option>
                <option>งานเสริมเหล็ก (Heavy uses)</option>
                <option>ถนนทางหลวง (Highways)</option>
            </select>
            <button type="button" class="ui-pg-input" style="width:auto">
            แก้ไขขั้นตอน</button>
        </div>
    </div>
   <div class="control-group">
        <label class="control-label" for="lbl_areasize">
            ขนาดพื้นที่</label>
        <div class="controls">
            <input type="text" class="input-xlarge" id="input_size"> ตรม.
        </div>
        
    </div>
    <div class="control-group">
        <label class="control-label" for="input01">
            พื้นที่ Outline</label>
            <div class="controls">
            <button type="button" class="ui-pg-input" style="width:auto">
            สร้าง</button>
             </div>
    </div>
     <div class="control-group">
        <label class="control-label" for="select01">
            ประเภทการปูบล็อค</label>
        <div class="controls">
            <select id="areatype">
                <option>แบบแพทเทิน (Pattern)</option>
                <option>แบบรูปอิสระ (FreeForm)</option>
            </select>
        </div>
    </div>

     <div class="control-group">
        <label class="control-label" for="lbl_areasize">
            ภาพถ่ายพื้นที่โครงการ</label>
        <div id="myCarousel" class="carousel slide" style="display:block;width:500px;margin:auto;background-color:Black;text-align:center">
          <!-- Carousel items -->
          <div class="carousel-inner">
            <div class="item active"><img style="margin:auto" src="../../Content/images/biodiversity-129076-1.jpg"/></div>
            <div class="item"><img style="margin:auto" src="../../Content/images/1_original.jpg"/></div>
            <div class="item"><img style="margin:auto" src="../../Content/images/2_11_shark.jpg"/></div>
          </div>
          <!-- Carousel nav -->
          <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
        </div>
    </div>
    <div class="control-group">
        <table id="list">
        </table>
        <div id="pager">
        </div>
    </div>
    <div class="form-actions">
        <button type="submit" class="btn btn-primary">
            Save changes</button>
        <button class="btn">
            Cancel</button>
    </div>
</fieldset>
</form>
